name: Pull request
about: Create a pull request
title: 'Fix layout shift for main alert component'
labels: 'bug fix'
assignees: ''

What type of PR is this?(check all applicable)

• refactor
• feature
• bug fix
• documentation
• optimization
• other

Description

What this PR achieves

AppAlert was initializing with useState(false) which caused a layout shift for every first-time visitor. Since useEffect runs after the first render, the alert would always pop in after the page painted, pushing content down.

Changing to useState(true) means the alert renders visible from the start — no shift for new users. The only tradeoff is a brief flash for returning users who already dismissed it (cookie exists), but this is barely noticeable especially on fast devices and affects a much smaller group.

Related Issues

Issue #1452

Screenshots, recordings

Illustration

Notes

• First-time visitors — the most critical audience — now get a completely clean experience with zero layout shift regardless of their network conditions. The only tradeoff is a brief flash for returning users who already dismissed the alert, which is practically invisible on fast devices and only affects a group that has already seen the site before.